import styled from 'styled-components';

export const SplitPageWrap = styled.div`
    width: 100vw;
    height: 100vh;

    .split {
        height: 100%;
        display: flex;
        flex-direction: row;
    }

    .gutter {
        background-color: #eee;
        background-repeat: no-repeat;
        background-position: 50%;

        &:hover{
            background-color: #0066b8;
        }
    }

    .gutter.gutter-horizontal {
        background-image: url('');
        cursor: col-resize;
    }
`;